<!--
- Author:   .
- Date:    2017/7/6 0006.
- File:    上拉加载更多时 加载提示.
-->
<template>
  <div class="page-infinite-loading" v-show="show">
    <div v-show="!allLoaded">
      <mt-spinner type="fading-circle"></mt-spinner>
      正在加载中...
    </div>
    <div v-show="allLoaded">
      没有更多数据了~
    </div>
  </div>
</template>

<script>
  import {Spinner} from 'mint-ui'
  export default{
    data() {
      return {}
    },
    props: {
      show: {
        type: Boolean,
        default: function () {
          return false
        }
      },
      allLoaded: {
        type: Boolean,
        default: function () {
          return false
        }
      }
    },
    components: {
      'mtSpinner': Spinner
    }
  }
</script>

<style>
  .page-infinite-loading {
    text-align: center;
    margin: 0 auto;
    padding: 10px;
    font-size: 12px;
  }

  .page-infinite-loading .mint-spinner-fading-circle {
    margin: 0 auto;
  }
</style>